lab components / Tables and lists

Column configs

Helper methods to configure tables.

This is a Lab component!

That means it doesn't satisfy our definition of done and may be changed or even deleted. For an exact status, please reach out to the Fancy team through the dev_fancy or ux_fancy channels.

#Examples

These helper methods are generating objects for common types and patterns that contain properties such as header and render to describe the column. The objects they return can then be used in an array that's passed to the Table component as the columns prop.

There are pre-defined column configs for the following types:

String
Mapped string
Number
Mapped number
Mapped percentage
Date
Datetime
Button
Button link
Expandable

#Guidelines

#Best practices

#Do not use when

#Accessibility

This component comes with built-in accessibility, no extra work required.

Explore detailed guidelines for this component: Accessibility Specifications